<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <font size="5" color="red">aaaa</font>

    <button>设置</button>
    <button>获取</button>
    <button>删除</button>

    <script>
        var fontDom = document.querySelector('font');
        document.querySelectorAll('button')[0].onclick = function(){
            // 设置属性 存在就修改 
            fontDom.setAttribute('color','green');
            // 标签上data-开头的为自定义属性 可以通过自定义属性 保存部分数据
            // index这个名称是随便设置的  存储值1 也是任意设置
            fontDom.setAttribute('data-index',1);
        }
        document.querySelectorAll('button')[1].onclick = function(){
            console.log(fontDom.getAttribute('size'))
            console.log(fontDom.getAttribute('data-index'))
        }
        document.querySelectorAll('button')[2].onclick = function(){
            fontDom.removeAttribute('size');
        }
    </script>
</body>
</html>